import './assets/main.css'  //引入main.css样式
import 'animate.css'   //引入animate.css样式
import 'nprogress/nprogress.css'

import { createApp } from 'vue'   //引入createApp方法
import App from '@/App.vue'  //引入App.vue组件



// 导入 Element Plus 图标
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import 'element-plus/dist/index.css' //引用element-plus样式
// 引入全局状态管理 Pinia
// import { createPinia } from 'pinia'
import pinia from '@/stores'
//引入pinia持久化插件
// import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

// 导入路由
import router from '@/router'
// 导入全局路由守卫
import '@/permission'

// 图片点击放大
import 'viewerjs/dist/viewer.css'
import VueViewer from 'v-viewer'
// 创建应用
const app = createApp(App)

// 引入图标  【先创建实例，再引入图标】
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}
// const pinia= createPinia();
// pinia.use(piniaPluginPersistedstate);
// 应用路由
app.use(router)
app.use(pinia)
app.use(VueViewer)
//，并将 App 根组件挂载到 <div id="#app"></div> 中
app.mount('#app')
